<template>
	<div class="loginStyle">
		<div class="loginForm">
		<el-row>
			<el-col :span="23" :offset="1">
				<el-row style="line-height:80px;margin-top:10px;margin-bottom:5px;">
					<el-col :span="5" class="logo">&nbsp;
					</el-col>
					<el-col :span="18" style="font-size:18pt;font-weight:bolder;color:green;">全科医生临床诊疗辅助系统</el-col>
				</el-row>
				<el-row>
					<el-col :span="4" :offset="3"><i class="el-icon-caret-right"></i><label>账户：</label></el-col>
					<el-col :span="12">
						<el-input class="inputStyle" v-model="userName" placeholder="请输入账户"></el-input>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="4" :offset="3"><i class="el-icon-caret-right"></i><label>密码：</label></el-col>
					<el-col :span="12">
						<el-input class="inputStyle" v-model="userPwd" type="password" placeholder="请输入密码"></el-input>
					</el-col>
				</el-row>
				<el-row style="height:30px;line-height:20px;text-align:left;">
					<el-col :span="16" :offset="7" class="mianze">
						<el-checkbox v-model="isAgree"></el-checkbox>
						<span style="color:#000000;">阅读并接受</span><a href="javascript:void(0)" @click="showRules">《免责声明》</a>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="4" :offset="7">
						<el-button type="primary" round @click="checkLogin">登录</el-button>
					</el-col>
					<el-col :span="4" :offset="2">
						<el-button type="primary" round @click="reSet">重置</el-button>
					</el-col>
				</el-row>
			</el-col>
		</el-row>
		<el-dialog
			  title="全科医师临床诊疗辅助系统的免责声明"
			  :visible.sync="mianzeDialog"
			  width="80%"
			  center>
			  <div class="content">
			  	<p>
			  		欢迎使用本系统，您在接受本系统提供的服务前，请仔细阅读并充分理解本声明，如果您对本声明的任何条款表示异议，您可以选择不使用本系统，您使用本系统，则意味着您将自愿遵守并接受本系统的以下声明，并完全服从于本系统的统一管理。
			  	</p>
			  	<p>
			  		让每个公民无论身处何时何地，在需要医疗救治时，都能得到“同质化”的医疗救治服务是医学界和每个公民的共同梦想。
			  	</p>
			  	<p>
			  		目前国家医改目标的重点是建立以健康、预防保健为主的医疗分级诊疗体系，让普通病、常见病的诊疗、慢性病的管理回归基层。
			  	</p>
			  	<p>
			  		由于我国目前的医疗资源分布还不平衡，基层医疗资源仍然匮乏，基层医疗健康服还不能不能满足百姓的实际需求。为了解决这一实际问题，提高基层医生的临床诊疗服务能力，我们组织专家编写了这套全科医生临床诊疗智能辅助系统。让全科医生在临床诊疗工作中遇到困难时，在任何诊疗现场都可通过互联网进入本系统得到实时诊疗辅助，以实现病人安全、治疗有效，到达医疗服务质量“同质化”的目的。
			  	</p>
			  	<p>
			  		一、临床医疗具有严格的法规，《执业医师法》在“医师执业的基本规则”和“法律责任”中明确规定医师实施医疗、预防、保健措施时，必须对病人亲自诊查、调查的规定和医师是病人的法定责任人。因此医师必须要亲自与病人面对面才能进行诊治，掌握真实的病情是临床诊治的基础。本系统同其他辅助诊断一样，是在全科医生在对病人临床诊疗过程中治遇到困难时，通过对病人亲自检查后，向本系统输入实时、真实、客观的病人信息，系统将据此实时迅速的给出初诊和进一步诊治处置辅助建议，供临床医生参考，但最終的诊疗决定权是医生。
			  	</p>
			  	<p>
			  		二、本系统在病史体征、初诊和诊治处置栏中都设有修改功能，临床医生可根据病人的实际情况对诊治意见进行修改和补充，因为临床诊治医生是病人法定责任人。本系统仅供各位医师在临床病人诊疗过程中遇到困难时仅供参考使用。
			  	</p>
			  	<p>
			  		三、全科医生临床诊疗智能辅助系统所有权及相关知识产权归浙江好络维医疗技术有限公司（即系统运营方）所有。
			  	</p>
			  	<p>
			  		四、在本系统所发表的合法言论、文章及图片的版权除特别说明外均归原作者和本系统运营方共同所有。该等内容受著作权法、商标法等法律的保护。未经本系统或原文作者书面许可（法律法规规定除外）任何第三方不得擅自使用该些内容，不得擅自复制、剪辑和编辑这些内容、或创造与内容有关的派生产品。
			  	</p>
			  	<p>
			  		五、本系统所有产品、技术及应用程序均为本系统运营方知识产权，未经本系统许可，任何人不得擅自以非法的方式复制、传播、展示、镜像、上载、下载使用，或通过非常规方式影响本系统的正常运营；任何人不得擅自以软件程序自动获得本系统数据。否则，本系统将依法追究法律责任。
			  	</p>
			  	<p>
			  		六、任何第三方经合法授权后转载本系统上述内容的必须注明来源于本系统。
			  	</p>
			  	<p>
			  		七、本系统未注明本系统的图片、文章等信息为转载或由用户发表。本系统转载出于传递更多信息之目的，用户发表的内容仅是用户个人的意见，本条所述内容均不意味着本系统赞同其观点或已证实其内容的真实性
			  	</p>
			  	<p>
			  		八、任何单位或个人认为本系统或本系统链接内容可能涉嫌侵犯其合法权益的，应该及时与本网站的管理员进行书面反馈，并提供身份证明、权属证明及详细侵权情况证明，本系统在收到上述文件并经确认属实后，将会尽快移除被控侵权的内容或链接。
			  	</p>
			  	<p>
			  		九、本系统是根据物联网技术，组织专家为全科医生开发的实用性诊疗参考工具，目的：是为了提高全科医生和低年资医师现场解决临床实际问题的能力，提高医疗质量。使用本系统必须与患者的实际情况相结合。
			  	</p>
			  	<p>
			  		十、本系统也可以作为培养全科医师临床思维能力的学习工具。
			  	</p>
			  	<p>
					本系统主要是根据病人的生命体征、临床症状、体格检查获得的体征进行个体化判断，给出初诊和进一步诊断治疗计划，最终的诊断仍需待完整的资料进行综合的分析判断进行针对性治疗。但是稳定生命体征（体温、呼吸、脉搏、血压、心率）和动态观察临床病情变化仍是医师的第一要务，任何时候都不能疏忽。
			  	</p>
			  	<p>
			  		十一、由于临床医疗的特殊性、疾病的复杂性与多变性，本系统难免有不足的地方，使用者一定要与病人的实际情况相结合。欢迎大家将使用中发现的问题或建议反馈给我们，我们会根据反馈的意见、建议和临床医学的发展不断修订与改进。
			  	</p>
			  	<p>
			  		十二、本系统依据提问者描述的数据、信息而提供的辅助建议性内容不能替代执业医师面对面的诊断，是否采纳该建议性内容由用户或第三方自主决定，本系统不负任何责任。本系统系是依据医师提供的数据信息作出治疗分析计划，仅供医师予以参考，不得视为本系统代替医师做出最终的治疗决定或对医疗效果作出了某种承诺/保证，如因此产生任何人身损害或经济损失的，本公司不负任何责任。
			  	</p>
			  	<p>
			  		十三、本系统仅提供医疗数据分析服务，本系统及本公司均不提供任何医疗诊断服务。如医师与患者出现任何纠纷的，本公司不负任何责任。
			  	</p>
			  	<p>
			  		十四、本系统尊重并保护所有患者的个人隐私权，不会主动地泄露给第三方。
			  	</p>
			  	<p>
			  		十五、任何由于黑客攻击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营的不可抗力而造成的损伤，本公司不负任何责任。
			  	</p>
			  	<p>
			  		十六、本系统如因系统维护或升级而需暂停服务时，将事先公告。若因线路及非本公司控制范围外的硬件故障或其它不可抗力而导致暂停服务，于暂停服务期间造成的一切不便与损失，本公司不负任何责任。
			  	</p>
			  	<p>
			  		十七、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
			  	</p>
			  	<p></p>
			  </div>
			  <span slot="footer" class="dialog-footer">
			    <el-button type="primary" @click="mianzeDialog = false">关 闭</el-button>
			  </span>
		</el-dialog>
		</div>
	</div>
</template>
<script type="text/javascript">
	export default{
		name:'Login',
		data(){
			return {
				userName: "",
				userPwd: "",
				isAgree:false,
				mianzeDialog:false
			}
		},
		methods:{
			checkLogin:function(){
				if (!this.isAgree) {
					this.$notify({
					          title: '提示',
					          message: '阅读并接受《免责声明》后，才可以登录',
					          type: 'warning'
					        });
					return;
				}
				if (this.userName == ""||this.userPwd == "") {
					this.$notify({
					          title: '登录失败',
					          message: '账户或密码不能为空',
					          type: 'warning'
					        });
					return;
				}else{
					//发送后台请求
					if (this.userName == "123456"&&this.userPwd == "123456") {
						var curUser={
     							userName:"测试医生",
     							userCode:"TD001",
     							stationName:'天堂软件园',
     							stationCode:"TTRJY",
     							roles:'D'
     						}
     					localStorage.setItem('curUser',JSON.stringify(curUser));
     					localStorage.setItem('gpToken',"123456789");
     					this.$store.commit({
							type:"setCurUser",
							curUser: curUser
						});
     					this.$router.push({path:'/'});
					}else if(this.userName == "123"&&this.userPwd == "123"){
						var curUser={
     							userName:"测试管理",
     							userCode:"TA001",
     							stationName:'天堂软件园',
     							stationCode:"TTRJY",
     							roles:'A'
     						}
     					localStorage.setItem('curUser',JSON.stringify(curUser));
     					localStorage.setItem('gpToken',"123456789");
     					this.$store.commit({
							type:"setCurUser",
							curUser: curUser
						});
     					this.$router.push({path:'/'});

					}else{
						this.userName="";
						this.userPwd="";
						this.$notify.error({
					          title: '登录失败',
					          message: '账户或密码错误'
					        });
						}
					}
				},
			reSet:function(){
				this.userName="";
				this.userPwd="";
			},
			showRules:function(){
				this.mianzeDialog = true;
			}
		},
		mounted(){
			
		}
	}
</script>
<style type="text/css" scoped>
.loginStyle{
	background:#fff url("../static/loginbg.jpg") no-repeat left top;
  	background-size:100%;
  	width: 100%;
  	height: 100%;
}
.loginForm{
	background-color: rgba(150,155,125,0.75);
	position: absolute;
	left: 50%;
	margin-left: -240px;
	top: 23%;
	width: 480px;
	line-height: 60px;
	border-radius:25px;
}
.inputStyle{
	font-weight: bolder;
	font-size: 14pt;
	color: #00ff00;

}
.logo{
background:url("../static/helowin.png") no-repeat left top;
background-size: contain;
}
label{
	font-weight: bolder;
}
.mianze a:VISITED{
	color: #0000ff;
	text-decoration: none;
}
.mianze a:LINK{
	color: #0000ff;
	text-decoration: none;
}
.mianze a:HOVER{
	color: #0000ff;
	font-weight: bolder;
}
.content{
	line-height: 35px;
}
.content p{
	text-indent:25px;
}
</style>